<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/2/28
  Time: 10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>某某健身</title>
    <link rel="icon" href="img/icon.png" type="img/x-ico">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/common.css">
    <%--<script src="../js/jQuery%20v3.6.3.js"></script>
    <script src="../js/jupm.js"></script>--%>
</head>
<body class="justify-content-center">
<div>
    <!--    头部-->
    <%--<div id="t"></div>--%>
    <jsp:include page="/nav.jsp"/>
    <!--    第二部分-->
    <div class="two">
        <div></div>
    </div>
    <!--    第三部分-->
    <div class="three justify-content-center">
        <div class="justify-content-left">
            <div></div>
            <div style="margin-left: 5px;cursor: pointer">网站首页</div>
            <div style="margin-left: 5px;">>></div>
            <div style="margin-left: 5px;cursor: pointer">关于我们</div>
        </div>
    </div>
    <!--    第四部分-->
    <div class="four justify-content-center">
        <div>
            <div></div>
            <div class="justify-content-center">
                <div>
                    <div class="text-14-66">
                        ${companyModule.content}
                    </div>
                    <div class="text-14-66 many-over" style="margin-top: 30px">
                        ${companyModule.content}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    第五部分-->
    <div class="five justify-content-center">
        <div class="flex-wrap-wrap">
            <c:forEach items="${aboutContentModuleList}" var="module">
                <div class="justify-content-space-between">
                    <div>
                        <img src="${module.img}" width="450px" height="129px">
                    </div>
                    <div class="imgText justify-content-right align-items-center">
                        <div>
                            <div>${module.time}</div>
                            <div class="many-over">
                                    ${module.text}
                            </div>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
    </div>
    <!--    第六部分-->
    <div class="six">
        <div class="justify-content-center">
            <div>
                <div class="coachTitle justify-content-center align-items-bottom">
                    <div></div>
                    <div>学员风采</div>
                    <div></div>
                </div>
                <div class="justify-content-center">
                    <div class="our">STUDENTS SHOW</div>
                </div>
            </div>
        </div>
        <div class="justify-content-center">
            <div class="mien">
                <div class="justify-content-center flex-wrap-wrap">
                    <c:forEach items="${stuShowModuleList}" var="module" end="4">
                            <div>
                                <img src="${module.img}" width="230px" height="178px">
                            </div>
                    </c:forEach>
                    <div></div>
                    <c:forEach items="${stuShowModuleList}" var="module" begin="5" end="7">
                        <div>
                            <img src="${module.img}" width="230px" height="178px">
                        </div>
                    </c:forEach>
                    <div></div>
                    <c:forEach items="${stuShowModuleList}" var="module" begin="8">
                        <div>
                            <img src="${module.img}" width="230px" height="178px">
                        </div>
                    </c:forEach>
                    <%--<div>
                        <img src="../img/2bbu.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/eda9.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/34d1.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/fsk9.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/n6ft.jpg" width="230px" height="178px">
                    </div>
                    <div></div>
                    <div>
                        <img src="../img/86co.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/dhbr.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/gu3z.jpg" width="230px" height="178px">
                    </div>
                    <div></div>
                    <div>
                        <img src="../img/Hurry-up.png" width="397px" height="107px">
                    </div>
                    <div>
                        <img src="../img/dmzo.jpg" width="230px" height="178px">
                    </div>
                    <div>
                        <img src="../img/Join-us.png" width="397px" height="107px">
                    </div>--%>
                </div>
            </div>
        </div>
        <div class="imm justify-content-center">
            <div>
                立即预约
            </div>
        </div>
    </div>
</div>
</body>
</html>
